<include file="Public/min-header" />
<style>
.form-group .control-label {
    float: left;
    width: 150px;
    padding-top: 5px;
    text-align: right;
}

.form-group .controls {
    margin-left: 170px;
}

.form-group .controls .radio {
    display: inline;
    padding-left: 0px;
    padding-right: 20px;
    vertical-align: baseline;
}

.form-group .controls .large {
    width: 60%;
}

.form-group .controls select {
    width: 60%;
}

.form-group .controls .form-control {
    display: inline;
}

.form-group .controls .help-inline {
    padding-left: 10px;
    color: #595959;
}

.form-actions {
    margin-left: 170px;
}

.dropdown-checkboxes div {
    padding: 1px;
    padding-left: 10px;
}

.btn {
    margin: 2px;
}

.pagination {
    margin: 0px 0;
}
</style>
<div class="wrapper">
    <include file="Public/breadcrumb" />
    <section class="content">
        <div class="row">
            <div class="panel panel-default">
                <div class="panel-heading">
                    菜单设计器 <span class="text-muted">（不填写请留空，则不会生效）</span>
                </div>
                <div class="table-responsive panel-body">
                    <form action="" method="post">
                        <table class="table table-hover">
                            <tbody class="designer ui-sortable">

                                <volist name="menus" id="list">

                                    <tr ng-repeat="menu in menus" class="hover ng-scope" id="menu_0_tr">
                                        <td style="border-top:none;" id="menu_0_td">
                                            <div class="parentmenu" id="menu_0">
                                                <input type="hidden" name="menu[0][type]" value="{$list.type}">
                                                <input type="hidden" name="menu[0][value]" value="{$list.value}">
                                                <input type="text" name="menu[0][name]" value="{$list.name}" style="display:inline-block;width:300px;" class="form-control ng-pristine ng-valid ng-touched">
                                                <a title="设置此菜单动作" onclick="setAction(this);" href="javascript:;"><i class="fa fa-pencil"></i> 设置此菜单动作</a>
                                            </div>
                                            <div class="designer sonmenu ui-sortable" id="menu_0_sub">
                                                <volist name="list.sub" id="sub">

                                                    <div id="menu_0_sub_div" style="margin-top:20px;padding-left:80px;background:url('/Public/images/bg_repno.gif') no-repeat -245px -545px;" ng-repeat="sub in menu.subMenus" class="ng-scope">
                                                        <input type="hidden" name="menu[0][sub][0][type]" value="{$sub.type}">
                                                        <input type="hidden" name="menu[0][sub][0][value]" value="{$sub.value}">
                                                        <input type="text" name="menu[0][sub][0][name]" value="{$sub.name}" style="display:inline-block;width:220px;" class="form-control ng-valid ng-dirty ng-valid-parse ng-touched">
                                                        <a title="设置此菜单动作" onclick="setAction(this);" href="javascript:;" style=""><i class="fa fa-pencil"></i> 设置此菜单动作</a>
                                                    </div>

                                                </volist>
                                            </div>
                                        </td>
                                    </tr>

                                </volist>
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <div class="col-xs-12 col-sm-9 col-md-10 col-lg-10">
                                                <input type="submit" class="btn btn-primary" value="保存菜单结构">
                                                <span class="help-block">菜单设计完成将在所有支持的公众号上生效. 成功保存当前菜单结构至公众平台后, 由于缓存可能需要在24小时内生效</span>
                                            </div>
                                        </div>
                                    </td>
                                </tr>

                            </tbody>
                        </table>
                    </form>
                </div>
            </div>
        </div>
    </section>
</div>
<div class="modal-content">
    <div class="modal-header">
        <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
        <h3 class="ng-binding">选择菜单 【拼团】 要执行的操作</h3>
    </div>
    <div class="modal-body">
        <label class="radio-inline">
            <input type="radio" value="url" ng-model="activeMenu.type" name="ipt" class="ng-pristine ng-untouched ng-valid"> 链接
        </label>
        <label class="radio-inline">
            <input type="radio" value="click" ng-model="activeMenu.type" name="ipt" class="ng-pristine ng-untouched ng-valid"> 触发关键字
        </label>
        <label class="radio-inline">
            <input type="radio" value="scancode_push" ng-model="activeMenu.type" name="ipt" class="ng-pristine ng-untouched ng-valid"> 扫码
        </label>
        <label class="radio-inline">
            <input type="radio" value="scancode_waitmsg" ng-model="activeMenu.type" name="ipt" class="ng-pristine ng-untouched ng-valid"> 扫码（等待信息）
        </label>
        <label class="radio-inline">
            <input type="radio" value="pic_sysphoto" ng-model="activeMenu.type" name="ipt" class="ng-pristine ng-valid ng-touched"> 系统拍照发图
        </label>
        <label class="radio-inline">
            <input type="radio" value="pic_photo_or_album" ng-model="activeMenu.type" name="ipt" class="ng-pristine ng-untouched ng-valid"> 拍照或者相册发图
        </label>
        <label class="radio-inline">
            <input type="radio" value="pic_weixin" ng-model="activeMenu.type" name="ipt" class="ng-pristine ng-untouched ng-valid"> 微信相册发图
        </label>
        <label class="radio-inline">
            <input type="radio" value="location_select" ng-model="activeMenu.type" name="ipt" class="ng-pristine ng-untouched ng-valid"> 地理位置
        </label>
        <div ng-show="activeMenu.type == 'url';" class="">
            <hr>
            <div class="input-group">
                <input type="text" ng-model="activeMenu.url" id="ipt-url" class="form-control ng-pristine ng-untouched ng-valid">
                <div class="input-group-btn">
                    <button ng-click="select_link()" id="search" class="btn btn-primary"><i class="fa fa-external-link"></i> 系统链接</button>
                </div>
            </div>
            <span class="help-block">指定点击此菜单时要跳转的链接（注：链接需加http://）</span>
            <span class="help-block"><strong>注意: 由于接口限制. 如果你没有网页oAuth接口权限, 这里输入链接直接进入微站个人中心时将会有缺陷(有可能获得不到当前访问用户的身份信息. 如果没有oAuth接口权限, 建议你使用图文回复的形式来访问个人中心)</strong></span>
        </div>
        <div style="position:relative" ng-show="activeMenu.type != 'url';" class="ng-hide">
            <hr>
            <div class="input-group">
                <input type="text" ng-model="activeMenu.forward" id="ipt-forward" class="form-control ng-pristine ng-untouched ng-valid">
                <div class="input-group-btn">
                    <button ng-click="search()" id="search" class="btn btn-primary"><i class="fa fa-search"></i> 搜索</button>
                </div>
            </div>
            <div style="width:100%;position:absolute;top:55px;left:0px;display:none;z-index:10000" id="key-result">
                <ul style="display:block;width:88%;" class="dropdown-menu"></ul>
            </div>
            <span class="help-block">指定点击此菜单时要执行的操作, 你可以在这里输入关键字, 那么点击这个菜单时就就相当于发送这个内容至微擎系统</span>
            <span class="help-block"><strong>这个过程是程序模拟的, 比如这里添加关键字: 优惠券, 那么点击这个菜单是, 微擎系统相当于接受了粉丝用户的消息, 内容为"优惠券"</strong></span>
        </div>
    </div>
    <div class="modal-footer">
        <a data-dismiss="modal" class="pull-right btn btn-primary span2" ng-click="saveMenuAction();" href="javascript:;">保存</a>
    </div>
</div>
<script>
$(document).ready(function() {
    var type = $('select[name="type"]').val();
    if (type == 1) {
        $('#keyword').show();
        $('#keyword_input').attr('name', 'keyword');
    }
    if (type == 2) {
        $('#url').show();
        $('#url_input').attr('name', 'url');

    }
    if (type == 3) {
        $('#wxsys').show();
        $('#wxsys_input').attr('name', 'wxsys');
    }

});

function changeType(t) {
    var v = $(t).val();
    if (v == 1) {
        $('#keyword').show();
        $('#keyword_input').attr('name', 'keyword');

        $('#url,#wxsys').hide();
        $('#url,#wxsys').attr('name', '');

    }
    if (v == 2) {
        $('#url').show();
        $('#url_input').attr('name', 'url');
        $('#keyword,#wxsys').hide();
        $('#keyword,#wxsys').attr('name', '');

    }
    if (v == 3) {
        $('#wxsys').show();
        $('#wxsys_input').attr('name', 'wxsys');

        $('#url,#keyword').hide();
        $('#url,#keyword').attr('name', '');

    }
}

function setAction() {
    //页面层
    layer.open({
        type: 1,
        skin: 'layui-layer-rim', //加上边框
        area: ['420px', '240px'], //宽高
        content: 'html内容'
    });
}
</script>
</body>

</html>
